The Dreamweaver JavaScript API > CSS style functions

 

CSS style functions

CSS style functions handle the application, removal, creation, and deletion of CSS styles. Methods of the dreamweaver.cssStylePalette object either control or act on the selection in the Style panel, not in the current document.


 
dom.applyCSSStyle()

Availability

Dreamweaver 4.0

Description

Applies the specified style to the specified element. This function is valid only for the active document.

Arguments

elementNode, styleName, [classOrID], [bForceNesting]

elementNode is an element node in the DOM. If elementNode is specified as NULL or empty string (''), the function acts on the current selection.
styleName is the name of a CSS style.
[classOrID] is the attribute with which the style should be applied (either "class" or "id"). If elementNode is specified as NULL or empty string and no tag exactly surrounds the selection, the style is applied using SPAN tags. If the selection is an insertion point, Dreamweaver uses heuristics to determine to which tag the style should be applied.
[bForceNesting] is a Boolean value, which indicates whether or not nesting is allowed. If the bForceNesting flag is specified, Dreamweaver inserts a new SPAN tag instead of trying to modify the existing tags in the document. This argument defaults to false if not specified.

Returns

Nothing.

Enabler

None.

Example

The following code applies the red style to the selection, either by surrounding the selection with SPAN tags or by applying a CLASS attribute to the tag that surrounds the selection:

var theDOM = dreamweaver.getDocumentDOM('document');
theDOM.applyCSSStyle('','red');